<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>{{ config.title }} | {% block title %} {% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="{{ config.author }}" />
    <meta name="description" content="{{ config.description }}" />
    <meta name="generator" content="zola" />
    <meta name="version" content="{{ config.extra.version }}">
    <link rel="stylesheet" type="text/css" href="{{ get_url(path="style/theme.css") }}" />
    <link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path="images/favicon.ico") }}" />
  </head>

  <body class="body">
    <header class="header">
      {% block header_logo %}{% endblock %}
      <nav class="nav">
        <a class="nav__link" href="/">Home</a>
        <a class="nav__link" href="/why">Why?</a>
        <a class="nav__link" href="/sitemap">Sitemap</a>
      </nav>
    </header>
    <main class="main">{% block content %} {% endblock %}</main>
    {% include "_footer.html" %}
  </body>

</html>
